<!-- 开始人节点组件 -->
<template>
  <div class="start">
    <nodeCard :data="data" :node-list="nodeList"></nodeCard>

  </div>
</template>

<script setup lang="ts">
import { ref, reactive, toRefs, onMounted} from 'vue'
import type { PropType } from 'vue';
import BaseFlowNode from '../../class/BaseFlowNode';
import rightArrowPng from '../../assets/imgs/right-arrow.png';
import nodeCard from '../component/node-card.vue';

let props = defineProps({
  data: {
    type: Object as PropType<BaseFlowNode>,
    default: () => {
      return {}
    }
  },
    //当前支路径下的所有节点
    nodeList: {
    type: Array as PropType<Array<BaseFlowNode>>,
    default: () => {
      return []
    }
  }
})

</script>
<style scoped lang="less">
@import url('../../styles/index.less');

.start{
  width:@node-width;
  height: fit-content;
  position: relative;
 z-index: @node-zIndex;
  // border: 1px solid #d9d9d9;
}

</style>